<template>
  <div class="store-edit">
    <el-row :gutter="0" justify="end">
      <el-col :span="1"><el-button type="primary">保 存</el-button></el-col>
      <el-col :span="1"
        ><el-button @click="handleReturn">返 回</el-button></el-col>
    </el-row>
    <el-divider />
    <el-form :inline="true" class="demo-form-inline">
      <el-form-item label="&emsp;采购单号">
        <el-input placeholder="" class="input" style="width: 400px">
          <template #append>
            <el-button :icon="Search" />
          </template>
        </el-input>
      </el-form-item>
      <el-form-item label="供应商编码">
        <el-input placeholder="" class="input" style="width: 400px"> </el-input>
      </el-form-item>
      <el-form-item label="&emsp;建单时间">
        <el-input placeholder="" class="input" style="width: 400px"> </el-input>
      </el-form-item>
      <el-form-item label="采购跟单人">
        <el-input placeholder="" class="input" style="width: 400px"> </el-input>
      </el-form-item>
      <el-form-item label="&emsp;采购金额">
        <el-input placeholder="" class="input" style="width: 400px"> </el-input>
      </el-form-item>
      <el-form-item label="供应商名字">
        <el-input placeholder="" class="input" style="width: 400px"> </el-input>
      </el-form-item>
      <el-form-item label="申请原因">
        <el-input placeholder="" class="input" style="width: 1200px">
        </el-input>
      </el-form-item>
      <el-form-item label="收货地址">
        <el-input placeholder="" class="input" style="width: 1200px">
        </el-input>
      </el-form-item>
      <el-form-item label="&emsp;仓库名字">
        <el-input placeholder="输入仓库名字" class="input" style="width: 400px">
        </el-input>
      </el-form-item>
      <el-form-item label="&emsp;差异原因">
        <el-input placeholder="输入差异原因" class="input" style="width: 400px">
        </el-input>
      </el-form-item>
      <el-form-item label="&emsp;实收金额">
        <el-input placeholder="输入实收金额" class="input" style="width: 400px">
        </el-input>
      </el-form-item>
      <el-form-item label="&emsp;收获备注">
        <el-input
          placeholder="输入收获备注"
          class="input"
          style="width: 1200px"
        >
        </el-input>
      </el-form-item>
      <el-form-item label="&emsp;物资信息">
        <el-table style="width: 1340px" border :header-cell-style="{background:'rgb(250,250,250)'}">
          <el-table-column prop="name" label="物资名称" width="300" />
          <el-table-column prop="rank" label="品级" width="170" />
          <el-table-column prop="place" label="产地" width="170" />
          <el-table-column prop="supplier" label="供应商" width="190" />
          <el-table-column prop="brand" label="品牌" width="170" />
          <el-table-column prop="quantity" label="数量" width="170" />
          <el-table-column prop="price" label="单价" width="170" />
          <template #empty>
            <el-empty description="暂无数据" />
          </template>
        </el-table>

      </el-form-item>
    </el-form>
  </div>
</template>

<script setup>
import { Search } from "@element-plus/icons-vue";
import { useRouter } from "vue-router";
const router = useRouter();
const handleReturn = () => {
  router.push('./list')
}

</script>

<style lang="less">
.el-row {
  margin-bottom: 20px;
}
.el-row:last-child {
  margin-bottom: 0;
}
.el-col {
  border-radius: 4px;
}

.grid-content {
  border-radius: 4px;
  min-height: 36px;
}
.el-pagination {
  position: fixed;
  left: 45%;
  bottom: 50px;
}

.el-table--border,
.el-table--group {
  border: 1px solid rgb(236, 236, 236);
}
</style>
